@import "common.less";


#container-main .personal-main .personal-r {
  background-color: transparent;
  .personal-r-t {
    width: 100%;
    height: 86px;
    background: #FFFFFF;
    box-shadow: 0 12px 16px -3px rgba(82, 94, 140, 0.10);
    border-radius: 8px;
    position: relative;
    z-index: 1000;
    .fun-title-s {
      font-size: 26px;
      color: #4A4A4A;
      line-height: 86px;
      padding-left: 60px;
      display: inline-block;
    }
  }
  .personal-r-b {
    border-radius:8px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    .m-coin{
      display: block;
      width: 360px;
      margin:35px auto 30px;
      text-align: center;
      font-size: 16px;
      color: #9B9B9B;
      letter-spacing: 0;
      line-height: 16px;
      .coin-num{
        display: block;
        font-size: 28px;
        color: #FFBD00;
        letter-spacing: 0;
        text-align: center;
        line-height: 28px;
        margin-bottom: 15px;
      }
    }
  }
  .bill-detail{
    overflow: hidden;
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 30px 60px;
    .bill-title{
      font-size: 16px;
      color: #4A4A4A;
      letter-spacing: 0;
      line-height: 16px;
      margin-bottom: 20px;
    }
    .layui-tab{
      .cate-label{
        float: left;
        vertical-align: middle;
        font-size: 14px;
        color: #4A4A4A;
        letter-spacing: 0;
        line-height: 34px;
        margin-right: 30px;
      }
      .layui-tab-title{
        float: left;
        height: 34px;
        display: inline-block;
        border: none;
        li{
          padding:0;
          border: 1px solid #9B9B9B;
          border-radius: 8px;
          width: 58px;
          height: 34px;
          font-size: 14px;
          color: #9B9B9B;
          letter-spacing: 0;
          line-height: 32px;
          margin-right: 20px;
        }
        .layui-this{
          background: #2F5AFF;
          color: #FFFFFF;
          &::after{
            border: none;
          }
        }
      }
      .layui-tab-content{
        padding: 20px 0 0 0;
        clear: both;
        .layui-tab-item{

        }
      }
    }

  }
  #laypage-f,#laypage-s,#laypage-t{
    .layui-laypage{
      clear: both;
      margin: 60px 0 10px 300px;
      a,span{
        overflow: hidden;
        color: #999999;
        text-align: center;
        padding: 0;
        width: 31px;
        height: 31px;
        background: #F8F9FB;
        border-radius: 8px;
        margin-right: 20px;
      }
    }
  }
}